html,
body { color: #444; line-height: 2em; position: relative; font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Hiragino Sans GB W3", "WenQuanYi Micro Hei", "Microsoft YaHei UI", "Microsoft YaHei", sans-serif; overflow-x: hidden; background-color:#fff; font-size: 0.9em }
h1,h2,h3,h4,h5,h6 {  font-weight: 400; margin:0; }
h1 {  font-size: 2em;}
h2 {  font-size: 1.4em;}
h3 {  font-size: 1.2em;}
h4 {  font-size: 1.1em;}
h5 {  font-size: 1em;}
h6 {  font-size: 1em;}

dl { margin:0; }
em { font-style: normal }

a { color: #444; outline: none; -webkit-transition:all .3s ease;}
a:hover {  color: #f80;  text-decoration: none; }
a:active,a:focus,a img {  outline: none; border: 0; }

a img,
a div,
a h2,
a h3 { transition: all 0.3s ease-out 0s; }

::-moz-selection {  color: #ffffff;  background: #1f2a66;  text-shadow: none;}
::selection {  color: #ffffff;  background: #1f2a66;  text-shadow: none;}

ul,ol,li { margin: 0; padding: 0; list-style: none }

img { max-width: 100%; border: 0 }
.tr { text-align: right }
.tc { text-align: center }
.fr { float: right }





.mio-header { background-color: #fff; min-height: 100px; border-top: #002969 5px solid }
.mio-header a.navbar-brand { width: 460px; height: 100px; background: url(logo.jpg) no-repeat left center; text-indent: -9999999px; overflow: hidden }
.mio-header .mio-tel { float: right; padding-top: 20px; }
.mio-header .mio-tel strong { display: block; color: #f60; font-family: Arial, Helvetica, sans-serif; font-size: 1.8em }
.mio-header .mio-tel span { width: 60px; height: 60px; line-height: 50px; border-radius: 50%; background-color: #f60; border: #eee 5px solid; color: #fff; display: block; text-align: center; font-size: 2em; }
.mio-header .mio-tel .mio-icon { float:left; margin-right: 10px; }
.mio-header .mio-tel .mio-telc { float:left; }


.mio-nav { height: 60px; background-color: #002969 }
.mio-nav ul { border-left: #113c7e 1px solid }
.mio-nav li { float: left; position:relative; z-index:9999; border-right: #113c7e 1px solid }
.mio-nav li a.mio-a { display: block; line-height: 60px; font-size: 1.2em; color: #fff; padding: 0 49px }
.mio-nav li.hover a.mio-a,
.mio-nav li a.mio-a:hover { color: #fff; background-color: #f90 }



.mio-footer { background-color:#333333; padding: 50px 0; color: #9c9fa3; }
.mio-footer .mio-fbox { float: left; width: 135px; overflow: hidden; margin-right: 30px; }
.mio-footer .mio-fbox h2 { margin-bottom: 20px; color: #fff }
.mio-footer .mio-fbox2 { width: 250px; float: right }
.mio-footer .mio-fbox2 em { display: inline-block; width: 60px; }
.mio-footer .mio-fbox2 p { margin: 0 }
.mio-footer .mio-fbox a { color: #999; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; display: block }
.mio-footer .mio-fbox a:hover { color: #fff; }

.mio-copyright { background-color:#222; padding: 15px 0; color: #9c9fa3; }
.mio-copyright a { color: #9c9fa3; }
.mio-copyright a:hover { color: #fff; }


.mio-content { padding: 50px 0; }



.mio-rbar { position: fixed; top: 50%; right: 5px; z-index: 9999999999999; margin-top: -127px; height: 254px; }
.mio-rbar ul { position: relative; }
.mio-rbar li { position: absolute; top: 0; right: 0; }
.mio-rbar li.mio-li1 { }
.mio-rbar li.mio-li2 { top: 51px }
.mio-rbar li.mio-li3 { top: 102px }
.mio-rbar li.mio-li4 { top: 153px }
.mio-rbar li.mio-li5 { top: 204px }
.mio-rbar li.mio-li6 { top: 255px }
.mio-rbar a { display: block; height: 50px;  }
.mio-rbar a div { line-height: 50px; background-color:#f60; color:#fff; padding: 0; width: 0; overflow: hidden; float: left }
.mio-rbar a span { display: block; width: 50px; height: 50px; text-align: center; line-height: 50px; background: url(b2.png); color:#fff; font-size:1.4em; float: left; font-size: 1.8em; }
.mio-rbar a:hover div { width: 150px; padding: 0 10px; }
.mio-rbar a:hover span { background: none; background-color:#f60 }
.mio-rbar li.mio-li1:hover { width: 200px }
.mio-rbar li.mio-li2:hover { width: 200px }


.mio-banner { height: 400px; background-color:#333; }
.mio-banner .slideBox{ width:100%; height:400px; overflow:hidden; position:relative; }
.mio-banner .slideBox .hd{ height:30px; overflow:hidden; position:absolute; left:50%; bottom:15px; z-index:1; }
.mio-banner .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.mio-banner .slideBox .hd ul li{ float:left; width:30px; height:30px; text-indent:-999999px; overflow:hidden; background: url(dot.png) no-repeat center 15px; cursor:pointer; }
.mio-banner .slideBox .hd ul li.on{ background: url(dot.png) no-repeat center -30px; }
.mio-banner .slideBox .bd{ position:relative; height:100%; z-index:0; }
.mio-banner .slideBox .bd li{ zoom:1; vertical-align:middle; }
.mio-banner .slideBox .bd li a { width:100%; height:400px; display: block }
/* 下面是前/后按钮代码，如果不需要删除即可 */
.mio-banner .slideBox .prev,
.mio-banner .slideBox .next{ position:absolute; left:30px; top:50%; margin-top:-25px; display:block; width:32px; height:32px; background: #000 url(rs-default.png) no-repeat -64px -32px; filter:alpha(opacity=50);opacity:0.5; border-radius:4px; }
.mio-banner .slideBox .next{ left:auto; right:30px; background-position:-64px -64px; }
.mio-banner .slideBox .prev:hover,
.mio-banner .slideBox .next:hover{ filter:alpha(opacity=80);opacity:0.8; }
.mio-banner .slideBox .prevStop{ display:none;  }
.mio-banner .slideBox .nextStop{ display:none;  }


.mio-section { padding: 50px 0; }
.mio-section .mio-t { text-align: center; margin-bottom: 40px; background: url(sline.png) no-repeat center }
.mio-section .mio-t h2 { font-weight: bold; font-size: 2.5em; letter-spacing: 2px; color: #222 }
.mio-section .mio-t h3 { margin-top: 10px; text-transform: capitalize; font-family: Arial, Helvetica, sans-serif }



.mio-about { background-color:#f3f3f3; background-image: url(pbg.jpg); padding-bottom: 0 }
.mio-about .mio-t { background: url(sline2.png) no-repeat center }
.mio-about .mio-t h3 { color: #fff; opacity: 0.5; }
.mio-about .mio-t h2 { color: #fff; }
.mio-overview { background-color:#02396c; padding: 50px; margin-bottom: -50px; color: #c1c5c9 }
.mio-overview h2 { color: #fff; font-weight: bold }
.mio-overview .mio-intro { margin: 20px 0 }
.mio-overview .mio-intro a strong { color: #c1c5c9; }
.mio-overview .mio-img { background: url(a.png) no-repeat right top; padding: 10px 10px 0 0 }
.mio-overview .mio-img img { border: #fff 10px solid; display: block }
.mio-overview .mio-vmore a { border: #fff 1px solid; width: 150px; line-height: 40px; color: #fff; display: block; text-align: center }
.mio-overview .mio-vmore a span { margin-left: 10px; }
.mio-overview .mio-vmore a:hover { background-color:#fff; color:#02396c; }


.mio-news { padding-top: 100px }
.mio-news .slideBox{ width:100%; height: 350px; overflow:hidden; position:relative; }
.mio-news .slideBox .hd{ height:15px; overflow:hidden; position:absolute; right: 10px; bottom: 10px; z-index:1; }
.mio-news .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.mio-news .slideBox .hd ul li{ float:left; margin-right:5px;  width:10px; height:10px; text-align:center; background: #008e9d; cursor:pointer; font-size: 0; border-radius: 50% }
.mio-news .slideBox .hd ul li.on{ background: #f80; color:#fff; }
.mio-news .slideBox .bd{ position:relative; height:100%; z-index:0; }
.mio-news .slideBox .bd li{ zoom:1; vertical-align:middle; }
.mio-news .slideBox .bd .mio-img { height: 350px; overflow: hidden; position: absolute; top: 0; left: 0; z-index: 1 }
.mio-news .slideBox .bd img{ width:100%; min-height:350px; display:block;  }
.mio-news .slideBox .bd .mio-c { height: 40px; line-height: 40px; position: absolute; bottom: 0; left: 0; z-index: 2; background: url(b2.png); width: 100% }
.mio-news .slideBox .bd .mio-c h3 { padding: 0 20px; color: #fff; font-size: 1em; line-height: 40px; }


.mio-tnews { margin-bottom: 15px; }
.mio-tnews h3 { font-size: 1.1em; }
.mio-tnews h3 a { font-weight: bold; color: #02396c }
.mio-tnews h3 a:hover { color: #f80 }
.mio-tnews .mio-intro { line-height: 1.5em; margin: 7px 0; color: #777; }
.mio-tnews .mio-pdate { color: #999; font-size: 0.85em; margin: 5px 0; }
.mio-tnews .mio-pdate span { font-size: 0.9em; }
.mio-tnews .mio-vmore a { color: #999; text-decoration: underline }


.mio-inlist { border: #eee 1px solid; border-width: 1px 0 0 0; padding: 8px 0; }
.mio-inlist { line-height: 32px; }
.mio-inlist span { margin-right: 8px; }
.mio-inlist .mio-pdate { float: right; color: #999; }


















.mio-pbanner { background:#222 url(a_1.jpg) no-repeat right bottom; height: 400px; color: #fff; }
.mio-pbanner .mio-pbox { padding-top: 120px; text-align:center; width: 400px }
.mio-pbanner .mio-pbox h3 { font-size: 4em; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; margin-bottom: 20px; font-weight: bold; opacity: 0.5; }
.mio-pbanner .mio-pbox h1,
.mio-pbanner .mio-pbox h2 { font-size: 3em; font-weight: bold; letter-spacing: 2px; text-shadow:#566e88 2px 2px 1px }



.mio-position { height: 50px; border-bottom:#eee 1px solid; line-height: 50px; margin-bottom: 30px; }
.mio-position h1,
.mio-position h2 { float: left; color:#003574; font-size: 1.6em; font-weight: bold; border-bottom: #003574 1px solid; height: 50px; line-height: 32px;  }
.mio-position .mio-crumbs { float: right; line-height: 32px; color: #999 }
.mio-position .mio-crumbs a { color: #999; }



.mio-block { border: #003574 5px solid }

.mio-category h3 { background:#003574 url(ct.png) no-repeat left 200px top 60px; color:#fff; font-size:2.2em; padding: 20px; font-weight: bold }
.mio-category h3 span { display: block; font-size: 0.7em; font-family: Arial, Helvetica, sans-serif; margin-bottom: 10px }
.mio-category ul { background-color:#fff; padding: 22px 15px 6px 15px; }
.mio-category li { margin-bottom: 10px; }
.mio-category li a.mio-a { display:block; line-height: 46px; background-color: #003574; color:#fff; padding: 0 20px; }
.mio-category li a.mio-a:hover { background-color:#003574; color:#fff  }
.mio-category li.hover a.mio-a { background-color:#f60; color:#fff }
.mio-category li a span { float: right }
.mio-category li ul { padding: 0; display: none }
.mio-category li li { margin: 5px 0 0 0 }
.mio-category li li a { line-height: 30px; padding: 0 20px; display: block; font-size: 0.9em }
.mio-category li li a:hover {  }
.mio-category li li a.ahover {  }
.mio-category li.hover ul { display: block }
.mio-category li li.shover a { font-weight: bold; color: #f60 }


.mio-alist {}
.mio-alist a { display: block; padding: 30px; background-color:#fff; box-shadow: 0 0 15px #eee; margin-bottom: 30px }
.mio-alist a:hover { box-shadow: 0 0 15px #aaa; }
.mio-alist h3 { font-weight: bold; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; line-height:20px }
.mio-alist .mio-pdate { color: #999; margin: 10px 0 5px 0 }
.mio-alist .mio-intro { color: #777; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; }
.mio-alist .mio-vmore { color: #999; margin-top: 5px }


.mio-plist a { display: block; box-shadow: 0 0 15px #eee; margin-bottom: 30px;  }
.mio-plist .mio-img { background-color:#fff; overflow: hidden; height: 150px }
.mio-plist .mio-img img { height: 150px; }
.mio-plist h3 { padding: 15px 0; text-align: center; font-size: 1em; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }


.mio-clist .mio-img { display: block; box-shadow: 0 0 15px #eee; margin-bottom: 30px; }
.mio-clist img { height: 320px; width: 100% }
.mio-clist h3 { padding: 15px 0; text-align: center; font-size: 1em; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }


.list_page{text-align:center;margin: 30px auto 0;display:block;}
.list_page:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.list_page ul{list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom;}
.list_page ul li{display:inline-block;border:solid 1px #ddd;border-radius:4px;}
.list_page ul a{color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;background:#fff;}
.page_group ul{border-right:solid 1px #ddd;border-radius:4px;}
.page_group ul li{border-right:none;border-radius:0;float:left;}
.page_group ul li:not(:first-child):not(:last-child){border-radius:0;}
.page_group ul li:first-child{border-radius:4px 0 0 4px;}
.page_group ul li:last-child{border-radius:0 4px 4px 0;}
.page_group ul .active a{background:#f3f3f3;border-radius:0;}


.mio-pdesc { background-color: #f3f3f3; padding: 20px; margin: 30px auto }


.mio-article h2,
.mio-article h3 { margin: 20px 0; font-weight: bold; color: #222 }
.mio-article ol,
.mio-article ul { margin: 20px 0 20px 1em; }
.mio-article li p { margin: 0; text-indent: 0 }
.mio-article ol li { list-style: decimal }
.mio-article ul li { list-style: disc }
.mio-article p { }
.mio-article img { display: block; margin: 20px auto; max-width: 100% }

.mio-article table { border-top: #ccc 1px solid; border-right: #ccc 1px solid; width: 100%; border-collapse: collapse; border-spacing: 0; text-align: center; margin: 30px auto }
.mio-article table th { border-left: #ccc 1px solid; border-bottom: #ccc 1px solid; padding: 8px 10px; background-color:#222; color: #fff; text-align: center; line-height: 1.5em }
.mio-article table td { border-left: #ccc 1px solid; border-bottom: #ccc 1px solid; padding: 8px 10px; }
.mio-article table tr:nth-child(even) { background-color:#eee }
.mio-article table p { margin: 0 }


.mio-news-article h1 { text-align: center; font-weight: bold; color: #222; }
.mio-news-article .mio-in { text-align: center; margin: 20px 0; background-color:#f3f3f3; padding: 10px 0; border-top: #eee 1px solid; border-bottom: #eee 1px solid }
.mio-links { color: #999; }
.mio-links a { color: #999; text-decoration: underline }



.mio-pro-article {}
.mio-pro-article h3 { color: #222;  }



.mio-asc { border-top: #eee 1px solid; padding-top: 20px; }
.mio-asc a.mio-btn-qq { line-height: 50px; text-align: center; background-color:#F60; color: #fff; font-size: 1.2em; display: block }
.mio-asc a.mio-btn-qq span { font-size: 1.4em; width: 50px; height: 50px; text-align: right; line-height: 50px; display: block; float: left }
.mio-asc a.mio-btn-qq:hover { background-color: #f80; }
.mio-asc .mio-tel { }
.mio-asc .mio-tel strong { display: block; color: #f60; font-family: Arial, Helvetica, sans-serif; font-size: 1.5em }
.mio-asc .mio-tel span { width: 60px; height: 60px; line-height: 50px; border-radius: 50%; background-color: #F60; border: #eee 5px solid; color: #fff; display: block; text-align: center; font-size: 2em; }
.mio-asc .mio-tel .mio-icon { float:left; margin-right: 8px; }
.mio-asc .mio-tel .mio-telc { float:left; }





.mio-prev-next { margin-bottom: 20px; text-align: center }
.mio-prev-next a { display: inline-block; width: 50px; height: 50px; line-height: 50px; background-color:#eee }
.mio-prev-next a span { font-size: 1.8em }
.mio-prev-next a:hover { background-color:#008e9d; color: #fff }
.mio-prev-next .mio-anone,
.mio-prev-next .mio-anone:hover { color: #ccc; background-color:#eee }





.mio-pro-view {}
.mio-pro-view img { width: 100% }
.mio-pro-view h1 { color: #222; font-weight: bold }
.mio-pro-view .mio-intro { color: #777; margin: 30px auto }